import React from "react";
import { Result, Button } from "antd";
import { Link } from "wasp/client/router";
import { HomeOutlined } from "@ant-design/icons";

export const NotFound: React.FC = () => {
  return (
    <div
      style={{
        height: "100vh",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
      }}
    >
      <Result
        status="404"
        title="404"
        subTitle="抱歉，您访问的页面不存在。"
        extra={
          <Button type="primary" icon={<HomeOutlined />}>
            <Link to="/">返回首页</Link>
          </Button>
        }
      />
    </div>
  );
};
